<!DOCTYPE html>
<html>
<head>
	<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
</head>
<body class="white-bg" style="color:#333;padding:3px;">
  <div class="page-heade">
       <h2 class="title_color text-center">DP产品发布</h2>
  </div>
<div class="padding-10">
<form action="" class="form-inline">
    <table class="table table-bordered">
        <tr>
          <td colspan="3"><a href="javascript:;" class="btn btn-sm btn-info" id="addinfo">新增信息</a></td>
        </tr>
        <tr>
            <td>
            <span>标题：</span>
            <input type="text" class="form-control" name="">
            </td>
            <td>发布时间：<div class="form-group">
                 <input type="text" id="start" class="form-control layer-date " style="min-width:120px;width:120px;display: inline-block;" name="">
              </div>
            <div class="form-group">
            至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;display: inline-block;" id="end" name="">
           </div></td>
            <td><button class="btn btn-sm btn-info query" type="button">查询</button></td>
        </tr>
    </table>
</form>
	<table class="table table-striped table-bordered table-hover bud_hei text-center" id="editable">
		<tr class="info">
			<td>NO.</td>
      <td>产品名</td>
			<td>标题</td>
      <td>价格(元)</td>
			<td>单位</td>
      <td>发布时间</td>
      <td>操作</td>
		</tr>
		<tr>
      <td>1</td>
		  <td class="text-left">200克舒爽清晰臻白牙膏</td>
      <td class="text-left">舒爽清新臻白牙膏</td>
      <td class="text-right">16.0</td>
      <td>支</td>
      <td>2016-03-30 18:01:03</td>
      <td><a href="javascript:;" class="modify">修改</a>&nbsp;<a href="javascript:;" class="del_this">删除</a>&nbsp;<a href="javascript:;" class="yulan">预览</a></td>
		</tr>
	</table>
    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
    <!-- <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->
</div>
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
  <script>
  //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);

        $(document).ready(function(){
         $("#addinfo").click(function(){
            layer.open({
                type: 2,
                title: '新增信息',
                 area: ['1200px', '600px'],
                fixed: false, //不固定
                maxmin: true,
                content: "{:url('Other/addinfojf')}"
            });
            return false

         })

/*修改*/
 $(".modify").click(function(){
            layer.open({
                type: 2,
                title: '修改信息',
                 area: ['1200px', '600px'],
                fixed: false, //不固定
                maxmin: true,
                content: "{:url('Other/addinfojf')}"
            });
            return false

         })
        })
  </script>
</body>
</html>